@charset "utf-8";
@function v($w) {
    @return ($w / 750) * 100+vw;
}
// 标题栏
.header {
    font-size: v(26);
    height:v(120) ;
    .city {
        width: v(160);
    }
}
.header .city .iconfont {
    position: absolute;
    color: #ffbe8f;
    top: 0vw;
    right: 2vw;
    font-size: 7vw;
}
// 信息栏
.information {
    display: flex;
    justify-content: space-between;
    padding: 0 v(20);
    align-content: center;
    .photo {
        img {
            width: v(124);
            height: v(124);
            border-radius: 50%;
        }
    }
    .nickname {
        width: v(400);
        font-size: v(30);
        line-height: v(60);
        .address {
            font-size: v(26);
            color: #9d9d9d;
        }
    }
    .more {
        font-size: v(87);
    }

}
// 图片排布
.conPic {
    box-sizing: border-box;
    width: v(750);
    height: v(151);
    display: flex;
    justify-content: space-between;
    padding: 0 v(22);
    margin: v(25) 0;
    .box {
        width: v(195);
        height: v(151);
        text-align: center;
        font-size: v(26);
        line-height:v(46);
        .iconfont {
            font-size: v(80);
            line-height:v(100);

        }
    }
    & .box:nth-of-type(1) {
        background-color: #b2e0a0;
    }
    & .box:nth-of-type(2) {
        background-color: #a0dce0;
    }
    & .box:nth-of-type(3) {
        background-color: #e0b7a0;
    }
}
// 横幅条目
.banner {
    margin:v(30) 0 ;
}
// user
.user {
    padding: 0 v(100);
    display: flex;
    justify-content: space-between;
    .box {
        width: v(147);
        height: v(76);
        font-size: v(24);
        color: white;
        box-sizing: border-box;
        border-radius: v(38);
        text-align: center;
        line-height: v(76);
        background-color: #ff9344;
    }
}